<!--
  ~ Copyright (C) 2018 AT&T Intellectual Property. All rights reserved.
  ~
  ~ Licensed under the Apache License, Version 2.0 (the "License");
  ~ you may not use this file except in compliance with the License.
  ~ You may obtain a copy of the License at
  ~
  ~      http://www.apache.org/licenses/LICENSE-2.0
  ~
  ~ Unless required by applicable law or agreed to in writing, software
  ~ distributed under the License is distributed on an "AS IS" BASIS,
  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  ~ See the License for the specific language governing permissions and
  ~ limitations under the License.
  -->
 
 
<div class="main-wrap" data-tests-id="list-of-{{title}}">
    <div class="header">
        <div class="title">{{title}}</div>
        <div class="buttons">
            <span class="order-by hand sprite-new"
                  data-ng-show="expandCollapseListData.expandCollapse"
                  data-ng-class="{'asc':!desc, 'desc':desc }"
                  data-ng-click="swapOrderBy()"></span>
            <span class="search hand sprite-new search-icon"
                  data-ng-class="{'selected':showSearchBox}"
                  data-ng-show="expandCollapseListData.expandCollapse"
                  data-ng-click="showHideSearchBox()"></span>
            <span class="hand sprite-new expand-list"
                  data-ng-class="{'open':expandCollapseListData.expandCollapse}"
                  data-ng-click="expandCollapseListData.expandCollapse=!expandCollapseListData.expandCollapse"></span>
        </div>
    </div>
    <input type="text" id="list-search-box" class="search-box" data-ng-if="expandCollapseListData.expandCollapse && showSearchBox" data-ng-model="expandCollapseListData.filter" autofocus/>
</div>
